<%-- 
    Document   : base
    Created on : 05-jun-2013, 13:54:37
    Author     : grupo 4
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

        <link rel="stylesheet" href="resources/css/jquery-ui-1.10.3.custom.min.css" type="text/css">  
        <link rel="stylesheet" href="resources/css/slick.grid.css" type="text/css">   
        <link rel="stylesheet" href="resources/css/phama.css" type="text/css"> 

        <script type="text/javascript" src="resources/javascript/jquery-1.10.1.min.js"></script>
        <script type="text/javascript" src="resources/javascript/jquery-ui-1.10.3.custom.min.js"></script>
        <script type="text/javascript" src="resources/javascript/jquery.event.drag-2.2.js"></script>
        <script type="text/javascript" src="resources/javascript/slick.core.js"></script>
        <script type="text/javascript" src="resources/javascript/slick.grid.js"></script>
        <script type="text/javascript" src="resources/javascript/slick.rowselectionmodel.js"></script>
        <script type="text/javascript" src="resources/javascript/clientes.js"></script>
        <script>
            $(document).ready(function() {
                inicializarGrid();
                activarDialogos();
            });
        </script>
        <title>Phama</title>
    </head>
    <body>
        <div id="main">
            <%@include file="/resources/templates/info.html" %>
            <%@include file="/resources/templates/header.html" %>
            <div id="content">
                <html:form action="/clientes">
                    <div id="panelDatos">
                          <div class="titulo">CLIENTES</div>
                        <div class="barraNav">
                            <html:submit property="opcion" value="Menu" styleClass="btnNav"/> 
                            <button type="button" id="buscar" onclick="buscarCliente();" class="btnNav">Buscar</button>
                            <button type="button" id="nuevo" onclick="nuevoCliente();" class="btnNav">Nuevo Cliente</button>
                        </div>
                        <div>
                            <fieldset class="conjunto_datos" title="Personales">
                                <label>Nombre</label>
                                <html:text property="nombre" readonly="true" styleClass="modNombre text ui-widget-content ui-corner-all"/><br/>

                                <label>Contacto</label>
                                <html:text  property="contacto" readonly="true" styleClass="modContacto text ui-widget-content ui-corner-all" /><br/>
                               
                                <label>Direcci&oacute;n</label>
                                <html:text  property="direccion" readonly="true" styleClass="modDireccion text ui-widget-content ui-corner-all" size="40" /><br/>

                                <label>Poblaci&oacute;n</label>
                                <html:text  property="poblacion" readonly="true" styleClass="modPoblacion text ui-widget-content ui-corner-all" /><br/>

                                <label>Provincia</label>
                                <html:text  property="provincia" readonly="true" styleClass="modProvincia text ui-widget-content ui-corner-all" />

                                <label>CP</label>
                                <html:text  property="cp" readonly="true" styleClass="modCp text ui-widget-content ui-corner-all" size="10"/><br/>

                                <label>Email</label>
                                <html:text  property="email" readonly="true" styleClass="modEmail text ui-widget-content ui-corner-all" /><br/>

                                <label>Telefono</label>
                                <html:text  property="telefono" readonly="true" styleClass="modTelefono text ui-widget-content ui-corner-all" /><br/>

                            </fieldset>
                        </div>
                        <div id="tabla" class="datos"></div>
                    </html:form>
                </div>
            </div>          
        </div>

        <!-- Cuadros de diálogo correspondientes a las operaciones CRUD sobre Cliente -->
        <%@include file="dlgNuevoCliente.html" %>
        <%@include file="dlgEliminarCliente.html" %>
        <%@include file="dlgModificarCliente.html" %>
        <%@include file="dlgBuscarCliente.html" %>
    </body>
</html>
